{extend name="base/base"}
{block name="resources"}
	{load href="/static/vmcSlider/vmc.slider.full.min.js"}
	{load href="/static/vmcSlider/vmc.slider.effects.js"}
	{load href="/static/vmcSlider/src/style.css"}
	{load href="/static/css/index/index.css"}
	{load href="/static/css/index/nav.css"}
{/block}
{block name="content"}
<div class="navBox">
	<div class="common-width clearfix">
		{include file="index/nav" /}	
	</div>
</div>
<div class="banner common-width clearfix">
	<div class="banner_bar banner_big">
		<div class="imgBox" id="top_slider">
			<a href="#"><img src="http://test1.com/uploads/picture/goods/49659aecbb2aa7e99cd59cac8ea2a8a5.jpg" alt="banner"></a>
			<a href="#"><img src="http://test1.com/uploads/picture/goods/1881bb9f44bd1bbad25a9085b1aaa3d5.jpg" alt="banner"></a>
			<a href="#"><img src="http://test1.com/uploads/picture/goods/49659aecbb2aa7e99cd59cac8ea2a8a5.jpg" alt="banner"></a>
		</div>
	</div>
</div>



<!-- 商品分类显示 -->
{volist name="list" id="list"}
	<div class="shopTit common-width">
		<span class="icon"></span><h3>{$list.cName}</h3>
		<a href="#" class="more">更多&gt;&gt;</a>
	</div>
	<div class="shopList common-width clearfix">
		<div class="leftArea fl">
			<div class="banner_bar banner_sm">
				<div class="imgBox item_slider">
					<a href="#"><img src="http://test1.com/uploads/picture/goods/49659aecbb2aa7e99cd59cac8ea2a8a5.jpg" alt="banner"></a>
					<a href="#"><img src="http://test1.com/uploads/picture/goods/1881bb9f44bd1bbad25a9085b1aaa3d5.jpg" alt="banner"></a>
				</div>
			</div>
		</div>
		<div class="rightArea fl">
			<div class="shopList_top clearfix">
				{volist	name="list.item" id="item"}
					<div class="shop_item">
						<div class="shop_img">
							<a href="#"><img src="/uploads/picture/goods/{$item.albumPath}" alt=""></a>
						</div>
						<nobr><h3>{$item.gName}</h3></nobr>
						<p>1899元</p>
					</div>
				{/volist}	
			</div>
			<!-- <div class="shopList_sm clearfix">
				<div class="shopItem_sm">
					<div class="shopItem_smImg">
						<a href="#"><img src="/uploads/picture/goods/{$item.albumPath}" alt=""></a>
					</div>
					<div class="shopItem_text">
						<p>NFC技术一碰轻松配对！接触屏幕</p>
						<h3>￥149.00	</h3>
					</div>
				</div>
			</div> -->
		</div>
	</div>
{/volist}
<script type="text/javascript">
	var options_top = {
		width : 1013,
		height : 390,
		speed : 500,
	}
	var options_item = {
		width : 190,
		height : 400,
		sideButton : false,
		speed : 500,
	}
	$('#top_slider').vmcSlider(options_top);
	$('.item_slider').vmcSlider(options_item);
</script>
<style type="text/css">
	/*vmcSlider 左右箭头大小自定义
	默认图片下 width:height = 2:5,
	margin-top = 0.5*height(绝对定位top:50%)
	*/
	#top_slider .vui-prev,
	#top_slider .vui-next {
		width: 36px;
		height: 90px;
		margin-top: -45px;
		background-size: 100%;/*自适应大小，缺少会只显示图片一部分*/
	}
</style>
{/block}